<template>
  <div class="ele-body ele-body-card">
    <!-- <statistics-card />
    <sale-card /> -->
    <el-row :gutter="15">
      <el-col v-bind="{ span: 24 }">
        <todayStatistics />
      </el-col>

    </el-row>
    <el-row :gutter="15">
      <el-col v-bind="styleResponsive ? { lg: 14 , md: 14  } : { span: 14  }">
        <visit-hour />
      </el-col>
      <el-col v-bind="styleResponsive ? { lg: 10 , md: 10  } : { span:10 }">
        <quickEntrance />
      </el-col>

    </el-row>
    <el-row :gutter="15">
      <el-col v-bind="styleResponsive ? { lg: 14 , md:14  } : { span: 14 }">
        <VisitHour2 />
      </el-col>
      <el-col v-bind="styleResponsive ?{ lg: 10 , md: 10 } : { span: 10 }">
        <userList />
      </el-col>

    </el-row>
  </div>
</template>

<script>
// import StatisticsCard from './components/statistics-card.vue';
import userList from './components/userList.vue';
import VisitHour from './components/visit-hour.vue';
import VisitHour2 from './components/visit-hour2.vue';
// import HotSearch from './components/hot-search.vue';
import todayStatistics from './components/todayStatistics.vue'
import quickEntrance from './components/quickEntrance.vue'
export default {
  name: 'DashboardAnalysis',
  components: {

    userList,
    VisitHour,
    // HotSearch,
    VisitHour2,
    todayStatistics,
    quickEntrance
  },
  computed: {
    // 是否开启响应式布局
    styleResponsive () {
      return this.$store.state.theme.styleResponsive;
    }
  }
};
</script>
